<template>
	<div id="tabbar">
		<van-tabbar :route='true' active-color="#389EAC" inactive-color="#35393c" fixed>
			<van-tabbar-item to="/Douban/home" icon='wap-home-o'>
				<p>主页</p>
			</van-tabbar-item>
			<van-tabbar-item to="/Douban/my" icon='manager-o'>
				<p>我的</p>
			</van-tabbar-item>
			<van-tabbar-item to="/Douban/bookcase" icon='bar-chart-o' badge='5'>
				<p>书架</p>
			</van-tabbar-item>
		</van-tabbar>
		<router-view></router-view>
	</div>
</template>

<script>
	import Vue from 'vue';
	export default {
	 
	};
</script>

<style lang="scss" scoped>
	#tabbar{
		background-color: white;
	}
	.van-tabbar{
		box-shadow: 5px 5px 8px #35393c;
		z-index: 666;
	}
</style>